
    Ext.onReady(function(){

        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
        
       var viewport = new Ext.Viewport({
            layout:'border',
            items:[
                new Ext.BoxComponent({ // raw
                    region:'north',
                    el: 'north',
                    height:32
                }), {
                    region:'east',
                    title: 'East Side',
                    collapsible: true,
                    split:true,
                    width: 225,
                    minSize: 175,
                    maxSize: 400,
                    layout:'fit',
                    margins:'0 5 0 0',
                    items:
                        new Ext.TabPanel({
                            border:false,
                            activeTab:1,
                            tabPosition:'bottom',
                            items:[{
                                html:'<p>A TabPanel component can be a region.</p>',
                                title: 'A Tab',
                                autoScroll:true
                            },
                            new Ext.grid.PropertyGrid({
                                title: 'Property Grid',
                                closable: true,
                                source: {
                                    "(name)": "Properties Grid",
                                    "grouping": false,
                                    "autoFitColumns": true,
                                    "productionQuality": false,
                                    "created": new Date(Date.parse('10/15/2006')),
                                    "tested": false,
                                    "version": .01,
                                    "borderWidth": 1
                                }
                            })]
                        })
                 },
                 new Ext.tree.TreePanel({
	            	id:'forum-tree',
	            	region:'west',
	            	title:'ss',
	            	split:'true',
	            	width:200,
	            	minSize : 100,  
	                maxSize : 300,  
	                collapsible:true,
	                margins:'0 0 5 5',
	                loader:new Ext.tree.TreeLoader({dataUrl:'./mainTree.js'}),
	                rootVisible:false,
	                lines:false,
	                autoScroll:true,
	                root:new Ext.tree.AsyncTreeNode({
	                	text:'分类',
	                	expanded:true
	                })
            	}),
                new Ext.Panel({
                    region:'center',
                    title:'文件清单等',
                    deferredRender:false,
                    activeTab:0,
                    items:[
                    	new Ext.TabPanel({
                    		title:'11',
                    		height:300,
                    		width:700,
                    		renderTo: 'center1',
        					activeTab: 0,
        					frame:true,
        					defaults:{autoHeight: true},
        					items:[
            					{contentEl:'script', title: '待校审工作任务'},
            					{contentEl:'markup', title: '已完成工作任务'}
        					]
        					
                    	}),
                    	new Ext.grid.GridPanel({
                     collapsible: true,
                    split:true,
                    width: 225,
                    minSize: 175,
                    maxSize: 400,
                    layout:'fit',
                    margins:'0 5 0 0',
                     title: 'Property Grid',
                            closable: true,
                            source: {
                                    "(name)": "Properties Grid",
                                    "grouping": false,
                                    "autoFitColumns": true,
                                    "productionQuality": false,
                                    "created": new Date(Date.parse('10/15/2006')),
                                    "tested": false,
                                    "version": .01,
                                    "borderWidth": 1
                            }
                        })

                    	
                    ]
                    
                    
                })

             ]
        });
        
        new Ext.Panel({
        	renderTo:'center1',
        	items:[
        		new Ext.Panel({
        			title:'111'
        		}),
        		new Ext.Panel({
        			title:'222'
        		})
        	]
        });
       
    });



